Better Link Labels: 4Ss for Encouraging Clicks連結標籤設計

1. 具體 (Specific)

連結的主要作用是向使用者傳達點選後會看到什麼。如果使用模糊或重複的語言，連結就無法完成這個任務。

失敗案例：Mailchimp 的“Learn more”

問題分析：Mailchimp 在其網站上廣泛使用了模糊的“Learn more”（瞭解更多）連結。這種標籤雖然簡單，但缺乏具體性，使用者無法從中推測點選後的內容。

在網頁上，使用者傾向於掃描而不是閱讀整個頁面。此外，連結通常比其他文字更吸引注意力。如果連結標籤沒有傳遞有用的資訊，使用者可能會因為缺乏內容吸引力而放棄點選。

使用者反饋：“這些‘Learn more’連結……實在太不具體了。我不知道點進去會看到什麼，所以我通常不會點。”

成功案例：Microsoft

微軟網站使用了更加具體的連結，例如：

Watch the Microsoft Teams overview（觀看 Microsoft Teams 概覽）3

2. 真誠 (Sincere)

連結是一個承諾，必須傳遞準確的預期。如果點選後無法立即滿足使用者期待，使用者的信任會逐漸減少。

失敗案例：Combadi 的“MORE INFO & BOOK”

問題分析：一個使用者在 Combadi 網站上點選了標記為“MORE INFO & BOOK”（瞭解更多和預訂）的按鈕，但實際上彈出的只是一個聯絡表單。這讓使用者感到失望，因為她期待立即獲取詳細資訊並完成預訂，而不是填寫表單。

使用者反應：“哦，這不是我想要的。怎麼退出這個？”

成功案例：Africa Odyssey 的“CONTACT”

改進方法：Africa Odyssey 使用了更符合實際的“CONTACT”（聯絡我們）按鈕標籤。使用者點選後，直接看到符合預期的聯絡頁面，避免了誤導。

3. 充實 (Substantial)

使用者通常掃描頁面，而不是完整閱讀周圍的文字。因此，連結需要具備獨立表達意義的能力。

失敗案例：Emory University

問題分析：埃默裡大學首頁上的連結，例如“Frontiers of the brain”（大腦前沿）、“Restoring vision and hope”（恢復視覺和希望）等，單獨閱讀時意義不明，必須依賴下方的描述性文字來解釋點選後的內容。

成功案例：GOV.UK 的出生、死亡與婚姻頁面

優點：GOV.UK 網站的連結清晰描述了主要內容，例如：

Marriage, civil partnership, and divorce（婚姻、公民伴侶關係和離婚）

Births, deaths, marriages, and care（出生、死亡、婚姻和護理）

雖然連結下方的描述性文字提供了更多資訊，但即使沒有閱讀這些補充內容，使用者也能從連結本身瞭解其指向的具體內容。

4. 簡潔 (Succinct)

連結文字應儘可能簡潔明瞭，但必須兼顧具體性、真誠性和充實性。簡潔不是簡單，而是去除不必要的詞語，同時保留有用資訊。

成功案例：GOV.UK

在 GOV.UK 的示例中，一些連結雖然較長，例如“Lasting power of attorney, being in care, and your financial affairs”（授權持久權、接受護理和財務事務），但它們依然有效，因為清晰傳遞了具體的預期，能夠獨立使用。

失敗案例：“Learn more”

雖然只有2個詞，但“Learn more”沒有具體性、真誠性或充實性，完全無法與更長但更有效的連結相比。

技巧：連結的前幾個詞尤為重要，因為使用者掃描網頁時，通常只關注每個連結的開頭部分。透過將關鍵資訊放在前面，可以最大化使用者找到所需內容的機率。